<template>

    <!---->
    <!---->
    <!--   el-select  -->
    <el-select placeholder="服务分类" v-model="queryParam.KEY"
               class="class" clearable>
        <el-option v-for="item in mOption" :label="item.name" :value="item.id"/>
    </el-select>

    <el-select placeholder="服务分类" v-model="queryParam.KEY"
               class="class" clearable>
        <el-option label="状态1" value="1"/>
        <el-option label="状态2" value="2"/>
    </el-select>
    <!---->
    <!---->
    <!--   el-tooltip  -->
    <el-tooltip content="查询" class="class" placement="top-start">
        <el-button @click="FUNCTION()" class="class" type="primary" icon="el-icon-search"/>
    </el-tooltip>
    <!---->
    <!---->
    <!--    el-table-column-->
    <el-table-column label="名称" width="150" prop="status">
        <template slot-scope="scope">
            <span>{{scope.row.status | examineStatus}}</span>
        </template>
    </el-table-column>

    <!---->
    <!---->
    <!--    el-tree-->
    <el-form-item label="资 源" prop="des">
        <el-col :span="15">
            <el-input v-model="filterResource"
                      @keyup.native="filterResourceChange()"
                      placeholder="输入关键字进行查询资源"/>
        </el-col>
        <el-col class="line  let5" :span="2">
            <el-tooltip content="展开" placement="top-start">
                <el-button @click="selectPage" size="mini" type="info" plain icon="el-icon-arrow-down"/>
            </el-tooltip>
        </el-col>
        <el-col class="line  let5" :span="2">
            <el-tooltip content="折叠" placement="top-start">
                <el-button @click="selectPage" type="info" plain size="mini" icon="el-icon-arrow-up"/>
            </el-tooltip>
        </el-col>
        <el-col class="line  let5" :span="2">
            <el-tooltip content="全选" placement="top-start">
                <el-button @click="selectPage" size="mini" type="info" plain icon="el-icon-check"/>
            </el-tooltip>
        </el-col>
        <el-col class="line  let5" :span="2">
            <el-tooltip content="取消" placement="top-start">
                <el-button @click="selectPage" type="info" plain size="mini" icon="el-icon-close"/>
            </el-tooltip>
        </el-col>


    </el-form-item>
    <el-form-item>
        <el-tree
                ref="roleResourceTree"
                node-key="id"
                :data="$F.tree(mFormData.allResource)"
                :check-strictly="false"
                :filter-node-method="filterNodeResource"
                :default-checked-keys="mFormData.resourceIds"
                :default-expanded-keys="mFormData.resourceIds"
                class="permission-tree"
                show-checkbox
        >
                    <span class="custom-tree-node" slot-scope="{ node, data }">
                         <span>{{ data.url}} ({{ data.ability}}) ({{ data.name}})</span>
                     </span>
        </el-tree>
    </el-form-item>


    <!---->
    <!---->
    <!--    el-tag-->
    <el-tag
            class="rit5"
            v-for="tag in mFormData.tagsArray"
            closable :disable-transitions="false"
            @close="tagsClose(tag)">
        {{tag}}
    </el-tag>

    <!---->
    <el-table-column
            :filters="[{ text: '待审核', value: 1 }, { text: '已通过', value: 2 }, { text: '已拒绝', value: 3 }]"
            :filter-method="filterExamineStatus"
            label="审批状态" width="100" prop="status" align="center">
        <template slot-scope="scope">
            <el-tag :type="scope.row.status |examineStatusTag" size="medium">
                {{scope.row.status| examineStatus}}
            </el-tag>
        </template>
    </el-table-column>

</template>
<script lang="ts">
    class TEMPLATE {
    }

</script>
